﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">
</head>

<style type="text/css">
    .error {
        text-align: center;
        color: red;
    }
</style>

<body class="template-color-1">

<div id="main-wrapper">
    <div th:insert="~{/public::navigate}"></div>
    <div style="height: 90px; border-bottom: 1px solid #e2e4ea"></div>
    <div th:insert="~{/public::sideBillboard}"></div>

    <!-- Breadcrumb Section Start -->
    <div class="breadcrumb-section section bg_color--5 pt-60 pt-sm-50 pt-xs-40 pb-60 pb-sm-50 pb-xs-40">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="page-breadcrumb-content">
                        <ul class="page-breadcrumb">
                            <li><a th:href="@{/oa/blog/blogPage}">主页</a></li>
                            <li>登录 / 注册</li>
                        </ul>
                        <h1>登录 / 注册</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb Section Start -->

    <!-- Login Register Section Start -->
    <div class="login-register-section section bg_color--5 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50">
        <div class="container">
            <div class="row no-gutters">

                <div class="col-lg-4">
                    <div class="login-register-form-area">
                        <div class="login-tab-menu">
                            <ul class="nav">
                                <li><a class="show active" data-toggle="tab" href="#login">登录</a></li>
                                <li><a data-toggle="tab" href="#register" class="">注册</a></li>
                            </ul>
                        </div>
                        <div class="tab-content">

<!-- ------------------------  密码登录  -->
                            <div id="login" class="tab-pane fade active show">
                                <div class="login-register-form">
                                    <form >
                                        <p>使用您的
                                            <strong>用户名密码</strong> 登录MyJob</p>
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="single-input">
                                                    <input type="text" placeholder="用户名" name="username" id="username">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="login-name-error"></div>

                                            <div class="col-12" >
                                                <div class="single-input">
                                                    <input type="password" placeholder="密码" name="password" id="password">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="login-password-error"></div>

                                            <div class="col-7 checkbox-input">
                                                <label><a id="login-with-code" style="text-decoration-line: none;"
                                                          data-toggle="tab" href="#login-code">使用 邮箱验证码 登录</a></label>
                                            </div>
                                            <div class="col-12 mb-25">
                                                <button class="ht-btn"  onclick="login();return false;">登录</button>
<!--                                                -->
                                            </div>
                                        </div>
                                    </form>
                                    <div class="divider">
                                        <span class="line"></span>
                                        <span class="circle">或注册</span>
                                    </div>
                                    <div class="social-login">
                                        <ul class="social-icon">
                                            <li><a class="facebook" href="#"><i class="fab fa-qq"></i></a></li>
                                            <li><a class="twitter" href="#"><i class="fab fa-weixin"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

<!-- ------------------------  验证码  -->
                            <div id="login-code" class="tab-pane fade">
                                <div class="login-code-form">
                                    <form >
                                        <p>使用您的
                                            <strong>邮箱验证码</strong> 登录MyJob</p>
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="single-input">
                                                    <input type="text" placeholder="邮箱号" name="email" id="loginByCode-email">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="error-loginByCode-email"></div>

                                            <div class="col-sm-7">
                                                <div class="single-input">
                                                    <input type="text" placeholder="验证码" name="code" id="loginByCode-code">
                                                </div>
                                            </div>

                                            <div class="col-sm-5">
                                                <button class="ht-btn btnSendCode" style="background-color: #1dae0e" onclick="sendMessage('loginByCode');return false;">发送验证码</button>
                                            </div>
                                            <div class="col-12 error" id="error-loginByCode-code"></div>

                                            <div class="col-5"></div>
                                            <div class="col-7 checkbox-input">
                                                <label><a id="login-with-name" style="text-decoration-line: none;"
                                                          data-toggle="tab" href="#login">使用 用户名密码 登录</a></label>
                                            </div>
                                            <div class="col-12 mb-25">
                                                <button class="ht-btn" onclick="loginByCode();return false;">登录</button>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="divider">
                                        <span class="line"></span>
                                        <span class="circle">或注册</span>
                                    </div>
                                    <div class="social-login">
                                        <ul class="social-icon">
                                            <li><a class="facebook" href="#"><i class="fab fa-qq"></i></a></li>
                                            <li><a class="twitter" href="#"><i class="fab fa-weixin"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

<!-- ------------------------  注册  -->
                            <div id="register" class="tab-pane fade">
                                <div class="login-register-form">
                                    <form >
                                        <p>创建你的账户</p>
                                        <div class="row row-5">
                                            <div class="col-12">
                                                <div class="single-input">
                                                    <input type="text" placeholder="用户名" name="name" id="register-name">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="error-register-name"></div>

                                            <div class="col-12">
                                                <div class="single-input">
                                                    <input type="text" placeholder="手机号" name="phone" id="register-phone" onblur="phoneIsExist()">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="error-register-phone"></div>

                                            <div class="col-12">
                                                <div class="single-input">
                                                    <input type="email" placeholder="邮箱" name="email" id="register-email" onblur="emailIsExist()">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="error-register-email"></div>

                                            <div class="col-sm-12">
                                                <div class="single-input">
                                                    <input type="password" placeholder="密码" name="password" id="register-password">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="error-register-password"></div>

                                            <div class="col-sm-12">
                                                <div class="single-input">
                                                    <input type="password" placeholder="确认密码" name="conPassword" id="register-conPassword">
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="error-register-conPassword"></div>

                                            <div class="col-sm-7">
                                                <div class="single-input">
                                                    <input type="text" placeholder="验证码" name="code" id="register-code">
                                                </div>
                                            </div>

                                            <div class="col-sm-5">
                                                <button class="ht-btn btnSendCode" style="background-color: #1dae0e" onclick="sendMessage('register');return false;">发送验证码</button>
                                            </div>
                                            <div class="col-12 error" id="error-register-code"></div>

                                            <div class="col-6">
                                                <div class="checkbox-input">
                                                    <input type="radio" name="login-for" value="job_seeker"
                                                           id="login-form-candidate">
                                                    <label for="login-form-candidate">普通用户</label>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="checkbox-input">
                                                    <input type="radio" name="login-for" value="company"
                                                           id="login-form-employer">
                                                    <label for="login-form-employer">企业</label>
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="error-register-role"></div>
                                            <div class="col-12">
                                                <div class="register-account">
                                                    <input id="register-terms-conditions" type="checkbox"
                                                           class="checkbox"
                                                           checked="" required="">
                                                    <label for="register-terms-conditions">我阅读并同意 <a href="#">条款 和
                                                        细则</a> 和
                                                        <a href="#">隐私政策</a></label>
                                                </div>
                                            </div>
                                            <div class="col-12 error" id="register-agree"></div>

                                            <div class="col-12 mb-25">
                                                <button class="ht-btn submit" onclick="registerSubmit();return false;">注册</button>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="divider">
                                        <span class="line"></span>
                                        <span class="circle">或登录</span>
                                    </div>
                                    <div class="social-login">
                                        <ul class="social-icon">
                                            <li><a class="facebook" href="#"><i class="fab fa-qq"></i></a></li>
                                            <li><a class="twitter" href="#"><i class="fab fa-weixin"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <!--  左边文字  -->
                <div class="col-lg-8">
                    <div class="login-instruction">
                        <div class="login-instruction-content">
                            <h3 class="title">为什么要登录我们
                            </h3>
                            <p>对您来说，拥有一个帐户并登录才能在MyJob具有完全访问权限很重要。我们需要知道您的帐户详细信息，以便一起工作</p>
                            <ul class="list-reasons">
                                <li class="reason">被提醒最新职位</li>
                                <li class="reason">一键申请工作</li>
                                <li class="reason">向数千名雇主展示您的简历</li>
                                <li class="reason">记录所有应用程序</li>
                            </ul>
                            <span class="sale-text theme-color border-color">立即登录并为首次计划购买获得15％的优惠券</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div th:insert="~{/public::footer}"></div>
</div>

<div th:replace="~{/public::public-js}"></div>
<!--<script th:src="@{/webjars/jsencrypt/2.3.0/bin/jsencrypt.min.js}"></script>-->
<!--<script th:src="@{http://passport.cnblogs.com/scripts/jsencrypt.min.js}"></script>-->

<script th:src="@{/js/plugins/jsencrypt.min.js}"></script>
<script th:src="@{/js/myjob/account/loginRegister.js}"></script>

</body>

</html>
